//主页样式
//导入common.less
@import "common";
@baseFont: 50;
body {
    min-width: 320px;
    width: 15rem;    //1rem=50px 750px/50=15rem
    margin: 0 auto;
    line-height: 1.5;
    background-color: #f2f2f2;
    font-family: Arial,Helvetica;
}
//搜索框
.search-container {
    width: 15rem;
    height: 88rem / @baseFont;
    display: flex;
    background-color: #ffc001;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    .classify {
        height: 60rem / @baseFont;
        width: 36rem / @baseFont;
        margin: 11rem / @baseFont 25rem / @baseFont 7rem / @baseFont 24rem / @baseFont;
        background: url(../image/157199320847433454.png) no-repeat;
        background-size:36rem / @baseFont 60rem / @baseFont;
     }
     .search {
         flex: 1;
         input {
             width: 100%;
             height: 66rem / @baseFont;
             border-radius: 33rem / @baseFont;
             background-color: #fff2cc;
             margin-top: 12rem / @baseFont;
             font-size: 25rem / @baseFont;
             padding-left: 55rem / @baseFont;
             color: #757575;
         }
     }
     .login {
         height: 70rem / @baseFont;
         line-height: 70rem / @baseFont;
         width: 75rem / @baseFont;
         margin: 10rem / @baseFont;
         font-size: 25rem / @baseFont;
         text-align: center;
        color: #fff;
     }
}

